.container{
    width: 100%;
    background: #fff;  box-sizing: border-box;
    }
    .month{
      width: 100%;  
    display: flex;
    display: -webkit-flex;
    padding: 0 12.5px;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      box-sizing: border-box;
    }
    .thisMonth{
      width: 100%;
      height: 36px;
      line-height: 36px;
      font-size: 16px;
      text-align: center;
      border-bottom: 0.5px solid #eee;
      
  }
    .week{
    width: 100%;
    height: 36px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    color: #9ea2ac
    }
    .week div{
      flex: 1;
      -webkit-flex: 1;
      font-size: 14px;
      text-align: center;
    }
 
  
    .date,.date2{
      height: 50px;
      width: 50px;
      box-sizing: border-box;
      font-weight: bold;
      border-color: #fff;
    }
    .date2{
     padding: 5px 0;
    }
 
    .color-888{
      color:#888;
    }
    .color-ddd{
      color:#ddd;
    }
    .date_str{
      height: 24px;
      width: 24px;
      display: flex;display: -webkit-flex; 
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    box-sizing: border-box;
      border-radius: 50%;
      margin: 0 auto;
    }
    .date_disc{
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #ddd;
      margin:2px auto;
    }
    .selected{
      color: #fff;
      /* background: rgba(61,175,188,0.5); */
    }
    .active{
      color: #fff;
      /* background: #3DAFBC; */
    }